<div class="container">
    <div class="row" id="header">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <h1 class="text-center">头部信息栏</h1>
        </div>
    </div>
    <div class="row" id="middle">
        <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2" id="left-side-menu">
                        <ul class="nav nav-pills nav-stacked">
            <li class="active"><a href="#">menu</a></li>
            <li><a href="https://www.baidu.com" target="content-frame">menu</a></li>
            <li><a href="/blog/user" target="content-frame">menu</a></li>
            <li><a href="#">menu</a></li>
            <li><a href="#">menu</a></li>
            </ul>
        </div>
        <div class="col-xs-10 col-sm-10 col-md-10 col-lg-10" id="main">
            <iframe src="" name="content-frame" frameborder="0" width="100%" height="100%"></iframe>
        </div>
    </div>

    <div class="row bg-info" id="footer">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center">
            <span>底部信息栏</span>
        </div>
    </div>

</div>
<script>

</script>